import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import router from '@/router'

// 创建 axios 实例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 50000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(config => {
  // 这里是任何请求都会触发的请求拦截器
  // 如果有token,就注入到请求头上面去, 登录接口是例外
  if (store.getters.token) {
    // 这里是已经登录， 但是不能随便发请求， 要检查一下跟上一次登录差了多少时间
    // console.log(Date.now() - localStorage.getItem('time'))
    if (Date.now() - localStorage.getItem('time') > 2000 * 60 * 60 * 2) {
      store.dispatch('user/logout')
      router.push('/login')
      return Promise.reject('登录超时(主动)')
    }
    config.headers.Authorization = `Bearer ${store.getters.token}`
  }
  return config
})

// 响应拦截器
service.interceptors.response.use(res => {
  // 请求成功
  if (res.data.success) {
    // 完全成功
    return res.data.data
  } else {
    // 请求有响应, 数据失败
    // 弹出错误提示
    Message.error(res.data.message)
    // 阻止当前promise运行 并强制报错
    return Promise.reject(res.data.message)
  }
}, err => {
  // 单独处理特殊错误， 登录超时被动提醒
  if (err.response && err.response.data.code === 10002) {
    store.dispatch('user/logout')
    router.push('/login')
    Message.error('登录超时(被动处理)')
  } else {
    // 完全错误
    Message.error(typeof err === 'string' ? err : '系统繁忙，请稍后')
  }
  // console.log(err)
  return Promise.reject(err)
})

// 暴露实例
export default service
